@media screen and (max-width: 768px) {
  // header 适配
  .layout-header {
    padding: 31px 123px;
    padding-right: 82px;
    border-bottom: 3px solid #e6edf2;
    .mobile-nav {
      display: flex !important;
      .language-switch,
      .collapsed {
        width: 123px;
        height: 123px;
      }
      .collapsed {
        margin-left: 82px;
      }
    }
    .pc-box {
      display: none !important;
    }
    .left {
      gap: 50px !important;
      img {
        height: 123px !important;
      }
      h1 {
        font-size: 72px !important;
      }
    }
  }
  // footer 适配
  .footer-container {
    .footer__inner {
      flex-direction: column !important;
      gap: 0 !important;
      padding: 80px 0 !important;
      .content,
      .info-item .text {
        width: 100% !important;
        font-size: 72px !important;
      }
      .header {
        height: auto !important;
        font-size: 72px !important;
      }
      .col-1 {
        .header {
          margin-bottom: 48px !important;
        }
        img {
          height: 123px !important;
        }
        .content * {
          font-size: 72px !important;
        }
        .ip-info {
          font-size: 72px !important;
          display: none;
        }
      }
      .col-2 {
        font-size: 72px !important;
        margin-top: 0 !important;
        .text * {
          font-size: 72px !important;
        }
        .header {
          font-size: 72px !important;
          margin-bottom: 82px !important;
        }
        .info-item {
          .text {
            flex: 1 !important;
          }
        }
      }
      .col-3 {
        .divider-line {
          display: block;
        }
        .content {
          img {
            height: 477px;
          }
        }
        .info-item {
          margin-top: 82px !important;
          .text {
            flex: 1 !important;
          }
        }
      }
      .info-item {
        margin-bottom: 48px !important;
        max-width: 100% !important;
        gap: 48px !important;
        &:last-child {
          margin-bottom: 0 !important;
        }
        &.location {
          align-items: flex-start !important;
          & > div:first-child {
            padding-top: 30px;
          }
        }
      }

      & .content .download-link span,
      & .content a {
        font-size: 72px !important;
      }
      .info-item .text {
        font-size: 72px !important;
      }
    }
  }
}
